<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乐橙社区</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" type="text/css" href="/js/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" type="text/css" href="/js/jquery-confirm/jquery-confirm.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap-select.css">
    <link rel="stylesheet" type="text/css" href="/css/skin.css"/>
    <link rel="stylesheet" type="text/css" href="/css/emoji/jquery.emoji.css">
    <link rel="stylesheet" type="text/css" href="/css/viewer.css">
    <link rel="stylesheet" type="text/css" href="/css/forum.css">
    <script th:inline="javascript">
        var userName = [[${userName}]];     // 用户名称
        var userLevel = [[${userLevel}]];   // 用户等级
        var userImg = [[${userImg}]];       // 用户头像
        var accountId = [[${accountId}]];   // 用户Id
        // console.log(userName, userLevel, userImg, accountId);
    </script>
</head>
<body class="forum-square">
<div class="forum-title"><img src="/images/forum/forum-title.png" alt=""></div>
<div class="container-fluid forum-container">
    <div class="forum-main">
        <div class="card forum-card publish-box">
            <h5>发布</h5>
            <textarea class="form-control" placeholder="在乐橙社区留下你的新闻趣事吧！" id="content"></textarea>
            <ul id="imgBox" class="publish-img-box clearfix"></ul>
            <div class="row publish-action">
                <div class="col-xs-8">
                    <div class="pull-left publish-emoticon">
                        <a id="publishEmotIcon" href="JavaScript:void(0);" class="emotion-btn">
                            <i class="mdi mdi-emoticon"></i>表情
                        </a>
                    </div>
                    <label for="publishPic" class="pull-left publish-pic">
                        <input type="file" accept="image/*" id="publishPic" class="hide">
                        <i class="mdi mdi-image"></i>图片
                    </label>
                    <!--<label for="publishVideo" class="pull-left publish-video">
                        <input type="file" accept="video/*" id="publishVideo" class="hide">
                        <i class="mdi mdi-filmstrip"></i>视频
                    </label>-->
                    <!--<div class="dropdown pull-left publish-hottopic">
                        <a id="publishHotTopic" href="JavaScript:void(0);" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="mdi mdi-fire"></i>热话
                        </a>
                        <div class="dropdown-menu" aria-labelledby="hotTopic">
                            <em>添加热话可获得更高的活跃度</em>
                            <input type="text" placeholder="话题、税务、回款、客户、股票">
                            <ul>
                                <li><a href="JavaScript:void(0);">＃财务总监卷走1900多万...#</a><span>128938</span></li>
                            </ul>
                        </div>
                    </div>-->
                </div>
                <div class="col-xs-4">
                    <div class="pull-right">
                        <div class="dropdown pull-left publish-power">
                            <a id="publishPower" data-type="0" href="JavaScript:void(0);" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>公开</span><i class="mdi mdi-chevron-down"></i></a>
                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="publishPower">
                                <li><a href="JavaScript:void(0);" data-type="0"><i class="mdi mdi-earth"></i><span>公开</span></a></li>
                                <li><a href="JavaScript:void(0);" data-type=""><i class="mdi mdi-account-multiple-outline"></i><span>橙友圈</span></a></li>
                                <li><a href="JavaScript:void(0);" data-type="1"><i class="mdi mdi-lock"></i><span>仅自己</span></a></li>
                            </ul>
                        </div>
                        <button type="button" id="publishBtn" class="btn btn-forum pull-left" disabled>发布</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-content">
            <h4>相关帖子推荐</h4>
            <div id="forumContent"></div>
            <div class="loading-more" style="display: none;"><span>点击加载更多</span></div>
            <!--<div class="card forum-card">
                <div class="forum-card-header">
                    <div class="head"><a href="#"><img src="" alt=""></a></div>
                    <h5><a href="#">金融大爆点</a><span>LV1</span></h5>
                    <p><span>2021.5.4</span><span>3000万次阅读</span></p>
                </div>
                <div class="forum-card-body">
                    <div class="detail-text"><a href="#" class="topic-link">#盘点盖茨夫妇1300亿美元财产清单#</a>比尔盖茨宣布离婚，很多小伙伴都在好奇财产将会如何分配，毕竟比尔盖茨可是公认的顶级的富豪。根据媒体整理出来数据显示，盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。比尔盖茨宣布离婚，很多小伙伴都在好奇财产将会如何分配，毕竟比尔盖茨可是公认的顶级的富豪。根据媒体整理出来数据显示，盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等&ZeroWidthSpace;...<span class="expand">展开</span></div>
                    <div class="detail-photo">
                        <div class="less-photo"><img src="" alt=""></div>
                    </div>
                </div>
                <div class="forum-card-toolbar clearfix">
                    <div class="tool-list"><a href="JavaScript:void(0);" data-type="3"><i class="mdi mdi-open-in-new"></i><span>922</span></a></div>
                    <div class="tool-list"><a href="JavaScript:void(0);" data-type="2"><i class="mdi mdi-star-outline"></i>收藏</a></div>
                    <div class="tool-list"><a href="JavaScript:void(0);" class="comment-btn"><i class="mdi mdi-message-text-outline"></i>922</a></div>
                    <div class="tool-list"><a href="JavaScript:void(0);" data-type="1"><i class="mdi mdi-thumb-up-outline"></i>922</a></div>
                </div>
                <div class="comment-content collapse">
                    <div class="comment-reply clearfix">
                        <div class="head"><img src="" alt=""></div>
                        <textarea class="form-control"></textarea>
                        <div class="dropdown pull-left reply-emoticon">
                            <a href="JavaScript:void(0);" data-toggle="dropdown" class="emotion-btn">
                                <i class="mdi mdi-emoticon"></i>表情
                            </a>
                            <div class="dropdown-menu emotion-box">
                                表情
                            </div>
                        </div>
                        <label class="pull-left reply-pic">
                            <input type="file" accept="image/*" class="hide">
                            <i class="mdi mdi-image"></i>图片
                        </label>
                        <button type="button" class="btn btn-forum pull-right">发布</button>
                    </div>
                    <div class="comment-list">
                        <div class="replay-num"><span>当前已经评论<span>500</span>次</span></div>
                        <div class="list">
                            <div class="head"><a href="#"><img src="" alt=""></a></div>
                            <div class="list-info">
                                <p><a href="#">用户名：</a>盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。L老板联播的微博视频上都直播并声明了</p>
                                <div class="list-time">2021.05.12 08:32</div>
                                <div class="list-action">
                                    <a href="Javascript:void(0);">回复</a>
                                    <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                </div>
                            </div>
                            <div class="replay-box">
                                <div class="list-info">
                                    <p><a href="#">用户名：</a>盖茨拥有微软1.37％的流通股，价值超过260亿美元；</p>
                                    <div class="list-time">2021.05.12 08:32</div>
                                    <div class="list-action">
                                        <a href="Javascript:void(0);">回复</a>
                                        <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                    </div>
                                </div>
                                <div class="list-info">
                                    <p><a href="#">用户名：</a>梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。L老板联播的微博视频上都直播并声明了</p>
                                    <div class="list-time">2021.05.12 08:32</div>
                                    <div class="list-action">
                                        <a href="Javascript:void(0);">回复</a>
                                        <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                    </div>
                                </div>
                                <div class="list-info">
                                    <p><a href="#">用户名：</a>盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。L老板联播的微博视频上都直播并声明了</p>
                                    <div class="list-time">2021.05.12 08:32</div>
                                    <div class="list-action">
                                        <a href="Javascript:void(0);">回复</a>
                                        <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                    </div>
                                </div>
                                <div class="replay-more"><a href="#">共<span>15</span>条回复 <i class="mdi mdi-menu-down"></i></a></div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="head"><a href="#"><img src="" alt=""></a></div>
                            <div class="list-info">
                                <p><a href="#">用户名：</a>盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。L老板联播的微博视频上都直播并声明了</p>
                                <div class="list-time">2021.05.12 08:32</div>
                                <div class="list-action">
                                    <a href="Javascript:void(0);">回复</a>
                                    <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="list">
                            <div class="head"><a href="#"><img src="" alt=""></a></div>
                            <div class="list-info">
                                <p><a href="#">用户名：</a>盖茨拥有微软1.37％的流通股，价值超过260亿美元；梅琳达盖茨基金会拥有超510亿美元资产，还有其他投资和不动产等。L老板联播的微博视频上都直播并声明了</p>
                                <div class="list-time">2021.05.12 08:32</div>
                                <div class="list-action">
                                    <a href="Javascript:void(0);">回复</a>
                                    <a href="Javascript:void(0);"><i class="mdi mdi-thumb-up-outline"></i><span>6</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="comment-more"><a href="JavaScript:void(0);">查看全部评论 <i class="mdi mdi-chevron-right"></i></a></div>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
    <div class="forum-sidebar">
        <div class="sidebar-sticky">
            <div class="sidebar-information">
                <div class="head"><a href="#"><img th:src="${userImg}" alt=""></a></div>
                <h5><span th:text="${userName}">张世杰</span><span class="level"><span th:text="${'LV' + userLevel}">1</span></span></h5>
                <ul>
                    <li><a href="#"><span th:text="${attentionCount}">600</span>关注</a></li>
                    <li><a href="#"><span th:text="${fansCount}">500</span>粉丝</a></li>
                    <li><a href="#"><span th:text="${forumCount}">101</span>发布</a></li>
                </ul>
            </div>
            <div class="sidebar-topic sidebar-box">
                <div class="sidebar-title"><i class="mdi mdi-message-text-outline"></i>优秀话题</div>
                <ul id="topicList"></ul>
                <p><a href="#">查看更多<i class="mdi mdi-chevron-right"></i></a></p>
            </div>
            <div class="sidebar-topheat sidebar-box">
                <div class="sidebar-title"><i class="mdi mdi-fire"></i>热力搜索</div>
                <ul id="topheatList">
                    <!--<li><em>1</em><a href="#">财务总监卷走1900多万...</a><span><i class="mdi mdi-arrow-up"></i></span></li>
                    <li><em>2</em><a href="#">财务总监卷走1900多万...</a><span><i class="mdi mdi-arrow-down"></i></span></li>
                    <li><em>3</em><a href="#">财务总监卷走1900多万...</a><span><i class="mdi mdi-trending-neutral"></i></span></li>-->
                </ul>
                <p><a href="#">查看更多<i class="mdi mdi-chevron-right"></i></a></p>
            </div>
        </div>
    </div>
</div>

<div class="modal fade more-reply-modal" tabindex="-1" role="dialog" id="moreReplyModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"><span></span>条回复</h4>
            </div>
            <div class="modal-body">
                <div class="comment-list" id="replyBody">

                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="replyModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">回复<span>@用户名称</span></h4>
            </div>
            <div class="modal-body">
                <div class="hide">
                    <h3>一级评论id--oneReplyId</h3>
                    <input type="text" id="oneReplyId" value="">
                    <h3>论坛id--forumId</h3>
                    <input type="text" id="forumId" value="">
                    <h3>评论等级--replyLevel</h3>
                    <input type="text" id="replyLevel" value="">
                    <h3>评论父id--replyPid(replyPid = userForumReplyId)</h3>
                    <input type="text" id="replyPid" value="">
                </div>
                <textarea cols="30" rows="3" class="form-control" id="replyContent"></textarea>
            </div>
            <div class="modal-footer">
                <div class="pull-left">
                    <!--<a href="JavaScript:void(0);" class="modal-reply-btn"><i class="mdi mdi-emoticon"></i>表情</a>-->
                </div>
                <button type="button" class="btn btn-forum" onclick="addForumReply2()">回复</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!--消息提醒-->
<script type="text/javascript" src="/js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="/js/crm/common/lightyear.js"></script>

<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<!--下拉框-->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!-- 点击加载更多 -->
<script type="text/javascript" src="/js/loadmore.js"></script>
<script type="text/javascript" src="/js/emoji/jquery.emoji.js"></script>
<script type="text/javascript" src="/js/emoji/emoji.list.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<script type="text/javascript" src="/js/viewer.js"></script>
<script type="text/javascript" src="/js/jquery-viewer.js"></script>
<script type="text/javascript" src="/js/forum.js"></script>
</body>
</html>